const path = require('path')
const webpack = require("webpack");
const CompressionPlugin = require("compression-webpack-plugin")
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");
function resolve(dir) {
    return path.join(__dirname, dir)
}

// vue.config.js
module.exports = {
    /*
      Vue-cli3:
      Crashed when using Webpack `import()` #2463
      https://github.com/vuejs/vue-cli/issues/2463
     */
    // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
    productionSourceMap: false,
    //打包app时放开该配置
    publicPath:'/hte-vue/',
    configureWebpack: config => {
        //生产环境取消 console.log
        if (process.env.NODE_ENV === 'production') {
            config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true
            config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
        }
        //打包分析
        // config.plugins.push(
        //     new BundleAnalyzerPlugin({analyzerMode: 'static',})
        // )
        //moment
        config.plugins.push(
            new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /zh-cn/)
        )    
        config.module.noParse = /^(lodash|moment|jquery)$/       // 不进行转化和解析,提升 Webpack 的构建性能   
    },
    chainWebpack: (config) => {
        
        config.resolve.alias
            .set('@$', resolve('src'))
            .set('@api', resolve('src/api'))
            .set('@assets', resolve('src/assets'))
            .set('@comp', resolve('src/components'))
            .set('@views', resolve('src/views'))

        //生产环境，开启js\css压缩
        if (process.env.NODE_ENV === 'production') {
            config.plugin('compressionPlugin').use(new CompressionPlugin({
                test: /\.(js|css|less|html|svg)$/, // 匹配文件名
                threshold: 10240, // 对超过10k的数据压缩
                deleteOriginalAssets: false, // 是否删除源文件
                algorithm: 'gzip',
                minRatio: 0.8,
                
            }))            
        }
        
            // svg图标引用
            config.module
            .rule('svg')
            .exclude.add(resolve('src/assets/svg'))
            .end();

            config.module
            .rule('icons')
            .test(/\.svg$/)
            .include.add(resolve('src/assets/svg'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
            symbolId: 'icon-[name]'
            });
        
            // config.plugin('speed').use(SpeedMeasurePlugin);            
        
            //非单页面应用 移除预获取资源插件 
            //移除 prefetch 插件
            //console.log(config,'chainWebpack')
            config.plugins.delete("prefetch")
            //预加载 移除 preload 插件，避免加载多余的资源
            //config.plugins.delete('preload');
            if (process.env.NODE_ENV === 'production') {
                config.output.filename("[hash][name].js").end();    
            }
                  
    },

    css: {
        loaderOptions: {
            less: {
                modifyVars: {
                    /* less 变量覆盖，用于自定义 ant design 主题 */
                    'primary-color': '#1890FF',
                    'link-color': '#1890FF',
                    'border-radius-base': '4px',
                },
                javascriptEnabled: true,
            }
        },
        extract: {
            ignoreOrder: true
        }
    },

    devServer: {
        port: 3000,
        compress: true,
        proxy: {
            /* '/api': {
               target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro', //mock API接口系统
               ws: false,
               changeOrigin: true,
               pathRewrite: {
                 '/jeecg-boot': ''  //默认所有请求都加了jeecg-boot前缀，需要去掉
               }
             },*/
            '/jeecg-boot': {
                target: process.env.VUE_APP_API_BASE_URL, //请求本地 需要jeecg-boot后台项目
                ws: false,
                changeOrigin: true
            },
        }
    },

    lintOnSave: false
}